.home-page {
 display: flex;
 flex-direction: column;
 background: #F0F0F0;
 padding: 0 30rpx;
}
.code{
  position: absolute;
  bottom: 40rpx;
  left: 30rpx;
  width: 33rpx;
  height: 33rpx;
}
.logo-box{
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 28rpx;
  color: #000000;
  width: 100%;
  .logo{
    width: 49rpx;
    height: 38rpx;
    margin-right: 12rpx;

  }
  .orange{
    color: #FE7407;
  }
}
.bottom-sprag{
  height: 200rpx;
}

.home-swiper{
  .swiper{
    height: 300rpx;
    border-radius: 16rpx;
  }
}
.org-box{
  margin: 23rpx 0;
  background: #F7FAF8;
  display: flex;
  //flex-direction: row;
  //flex-wrap: wrap;
  align-items: center;
  padding: 25rpx 35rpx;
  border-radius: 45rpx;
  .title{
    font-size: 25rpx;
    font-weight: bold;
    width: 22%;
  }
  .title::before {
    content: "";
    display: inline-block;
    width: 10rpx;
    height: 30rpx;
    background-color: #FE7407;
    margin-right: 8rpx;
    margin-left: 8rpx;
    vertical-align: middle;
    border-radius: 20rpx;
  }
  .org-img-box{
    width: 78%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    .org-img{
      margin: 6rpx 0 6rpx 19rpx;
      width: 85rpx;
      height: 45rpx;
      image{
        border-radius: 10rpx;
      }
    }
  }
}
.auth-type{
  background: url("../../assets/home/type-bg.png");
  background-size: 100% 100%;
  padding: 34rpx;
  .type-box{
    display: flex;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    .type-item{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;

      .type-img{
        image{
          height: 50rpx;
          width: 50rpx;
        }
      }
      .type-title{
        font-size: 20rpx;
        font-weight: 400;
        color: #575757;
      }
    }
  }
  .auth{
    margin-top: 70rpx;
    .title{
      color: #212121;
      font-size: 25rpx;
    }
    .num{
      color: #FE7407;
      font-size: 50rpx;
      font-weight: bold;
    }
    .but-box{
      display: flex;
      .but{
        background: #FE7407;
        color: #F7FAF8;
        font-size: 18rpx;
        padding: 12rpx 60rpx;
        border-radius: 24rpx;
      }
    }
  }
}
.expert{
  margin-top: 30rpx;
  background: #F7FAF8;
  border-radius: 16rpx;
  padding: 34rpx;
  .expert-type{
    display: flex;
    margin-bottom: 45rpx;
    align-items: end;
    .type{
      color: #999898;
      font-size: 25rpx;
    }
    .type-left{
      margin-left: 16rpx;
    }
    .type-checked{
      position: relative;
      color: #212121;
      font-size: 30rpx;
      font-weight: bold;
    }
    .type-checked::after {
      content: '';
      position: absolute;
      left: 50%; /* 水平居中 */
      bottom: -10rpx;
      transform: translateX(-50%);
      width: 118rpx; /* 竖线粗细 */
      height: 10rpx; /* 竖线长度 */
      background: #FE7407; /* 竖线颜色 */
    }
  }
  .expert-box{
    display: flex;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    .expert-item{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      .expert-img{
        image{
          height: 90rpx;
          width: 90rpx;
          border-radius: 100%;
        }
      }
      .expert-title{
        font-size: 23rpx;
        font-weight: 400;
        color: #575757;
      }
    }
  }
}
.expert-more{
  display: flex;
  justify-content: space-between;
  margin-top: 40rpx;
  .expert-swiper{
    width: 300rpx;
    height: 430rpx;
    swiper{
      width: 100%;
      height: 100%;
    }
  }
  .expert-dsc{
    display: flex;
    flex-direction: column;
    width: 300rpx;

    .expert-coupon{
      background: url("../../assets/home/coupon.png");
      background-size: 100% 100%;
      height: 100rpx;
      width: 250rpx;
      padding: 40rpx 25rpx;
      margin-bottom: 20rpx;
    }
    .expert-market{
      background: url("../../assets/home/market.png");
      background-size: 100% 100%;
      height: 150rpx;
      width: 250rpx;
      padding: 40rpx 25rpx;
    }
    .title{
      color: #FE7407;
      font-size: 25rpx;
      font-weight: bold;
    }
    .dsc{
      color: #A6A4A4;
      font-size: 8rpx;
    }
    .more{
      color: #A6A4A4;
      font-size: 15rpx;
      margin-top: 23rpx;
    }
  }
}
.authenticate{
  margin-top: 25rpx;
  background: #F7FAF8;
  border-radius: 16rpx;
  padding: 41rpx 44rpx;
  .authenticate-type{
    display: flex;
    margin-bottom: 45rpx;
    align-items: end;
    .type{
      color: #999898;
      font-size: 25rpx;
    }
    .type-left{
      margin-left: 16rpx;
    }
    .type-checked{
      position: relative;
      color: #212121;
      font-size: 30rpx;
      font-weight: bold;
    }
    .type-checked::after {
      content: '';
      position: absolute;
      left: 50%; /* 水平居中 */
      bottom: -10rpx;
      transform: translateX(-50%);
      width: 118rpx; /* 竖线粗细 */
      height: 10rpx; /* 竖线长度 */
      background: #FE7407; /* 竖线颜色 */
    }
  }
  .auth-search{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1rpx solid #999898;
    padding: 10rpx 14rpx;
    border-radius: 50rpx;
    margin-bottom: 70rpx;
    .auth-icon{
      height: 30rpx;
      width: 30rpx;
    }
    .auth-input{
      font-size: 26rpx;
      width: 530rpx;
    }
  }
}
.auth-goods-box{
  margin-top: -70rpx;
  padding: 0 40rpx;
  .auth-goods-item{
    background: url("../../assets/home/auth-bg.png");
    background-size: 100% 100%;
    padding: 36rpx 38rpx;
    margin-bottom: 24rpx;
    .mer{
      display: flex;
      justify-content: space-between;
      .mer-dsc{
        display: flex;
        width: 300rpx;
        border-bottom: 1rpx solid #212121;
        .mer-img{
          width: 100rpx;
          height: 100rpx;
          display: flex;
          justify-content: center;
          align-items: center;
          background: #FFFFFF;
          border-radius: 100%;
          image{
            width: 60rpx;
            height: 60rpx;
          }
        }
        .mer-msg{
          color: #212121;
          display: flex;
          flex-direction: column;
          justify-content: center;
          .name{
            font-size: 25rpx;
            font-weight: bold;
          }
          .time{
            font-size: 16rpx;
            display: flex;
            .site{
              margin-left: 6rpx;
            }
          }
        }
      }
      .auth-res{
        position: relative;
        image{
          width: 130rpx;
          height: 130rpx;
        }
        .title{
          color: #FFFFFF;
          font-size: 26rpx;
          font-weight: bold;
          z-index: 10;
          position: absolute;
          top: 45%;
          left: 50%;
          transform: translate(-50%, -50%); /* 关键代码 */
          width: 100%;
          text-align: center;
        }
      }
    }
    .goods{
      margin: 30rpx 0;
      display: flex;
      font-size: 19rpx;
      font-weight: bold;
      .goods-name{
        color: #212121;
      }
      .year{
        margin-left: 14rpx;
        font-size: 19rpx;
        color: #FE7407;
      }
    }
    .goods::before {
      content: "";
      display: inline-block;
      width: 4rpx;
      height: 20rpx;
      background-color: #FE7407;
      margin-top: 4rpx;
      margin-right: 8rpx;
      margin-left: 8rpx;
      vertical-align: middle;
      border-radius: 20rpx;
    }
    .goods-img{
      image{
        width: 100rpx;
        height: 100rpx;
        border-radius: 16rpx;
        margin-right: 52rpx;
      }
    }
  }
}
